<template>
	<view class="hamal_datails">
		<!-- <view class="top_nav">
			<uni-icons @click="retus" type="left" color="#000" size="25" />
			<view>我的搬运</view>
			<view @click="redact">编辑</view>
		</view> -->
		<view class="lis">
			<view class="dy">
				<image style="width: 50px;height: 50px;" mode="widthFix" src="http://cdn.jxsr.com/tx.png" />
				<view class="xx" style="-webkit-flex: 1;flex: 1;">
					<view>{{list.name}}</view>
					<view>{{list.telephone}}</view>
				</view>
			</view>
		</view>
		<view class="clxx bots">
			<!-- <view class="vis">
				<view>金额</view>
				<view>0</view>
			</view> -->
			<view class="vis" @click="waybill">
				<view>运货订单</view>
				<image style="width: 8px;height: 10px;" mode="widthFix" src="http://cdn.jxsr.com/right.png" />
			</view>
		</view>
	
		<view class="buts">
			<view class="service" @click="redact">
				<span class="sp2">编辑</span>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:0,
				list:{
					name:'',
					telephone:''
				}
			}
		},
		computed:{
			
		},
		onLoad(e){
			// console.log(e);
			this.id=e.id
			this.list.name=e.name
			this.list.telephone=e.telephone
		},
		methods: {
			// 返回
			retus(){
				uni.navigateBack();
			},
			// 编辑
			redact(){
				uni.navigateTo({
					url: 'add_hamal?clic=redact&id='+this.id
					// url:`add_cl?clic=redact&data=${encodeURIComponent(JSON.stringify(this.clData))}`
				})
			},
			// 运货订单
			waybill(){
				uni.navigateTo({
					url: 'byg_waybill?id='+this.id
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	.hamal_datails{
		.top_nav{
			width: 100%;
			height: 50px;
			background: #fff;
			padding-top: 30px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			z-index: 3000;
			// background: #333;
			// opacity:0.1;
			font-size: 18px;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #000;
			line-height: 22px;
			position: absolute;
			top: 0;
			left: 0;
			view:nth-child(3){
				font-weight: 400;
				color: #219C5E;
				margin-right: 20px;
			}
		}
		.lis{
			padding: 10px 10px 0 10px;
			.dy{
				height: 50px;
				padding: 15px 10px;
				margin-bottom: 10px;
				background: #FFFFFF;
				border-radius: 20px;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.xx{
					padding: 0 10px;
					font-size: 18px;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 600;
					color: $mainText;
					line-height: 22px;
					view:nth-child(2){
						font-size: 15px;
						font-weight: 400;
						color: $text;
						line-height: 22px;
					}
				}
				.jg{
					font-size: 16px;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 600;
					color: #FF0000;
					line-height: 22px;
				}
			}
		}
		.clxx{
			// height: 150px;
			background: #FFFFFF;
			border-radius: 10px;
			padding: 0 15px;
			margin: 0 10px 0 10px;
			.vis{
				height: 50px;
				display: flex;
				align-items: center;
				justify-content: space-between;
				font-size: 15px;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 600;
				color: $mainText;
				line-height: 18px;
				view:nth-child(1){
					width: 30%;
				}
			}
		}
		.buts{
			width: 100%;
			height: 110rpx;
			position: fixed;
			bottom: 50rpx;
			display: flex;
			justify-content: center;
			    align-items: center;
			.service{
				width: 95%;
				height: 110rpx;
				background: linear-gradient(232deg, #B9D378 0%, #1B9A5D 100%);
				box-shadow: 0px 0px 10px 0px rgba(33, 156, 94, 0.5);
				border-radius: 56rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				.sp2{
					font-size: 36rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
					line-height: 110rpx;
					padding: 0 10rpx;
				}
			}
		}
	}
</style>
